<template>
  <div class="app-container2 mspz_wrap">
    <div class="left_box">
      <commonTree2 />
    </div>
    <div class="right_box">
      <div class="right_main">
        <div class="right_top_btns">
          <el-button class="js_common_btn">导入设备故障模式</el-button>
          <el-button class="js_common_btn">保存故障模式</el-button>
        </div>
        <div class="right_content">
          <div class="table_main">
            <el-table
              border
              class="jk_common_table003"
              :data="tableData1"
              height="style"
              style="width: 100%; height: 100%"
            >
              <el-table-column label="序号" align="center" width="120">
                <template slot-scope="scop">
                  {{ scop.$index + 1 }}
                </template>
              </el-table-column>
              <el-table-column
                prop="sbType"
                label="设备类型"
                width="120"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="sbTypeId"
                label="设备类型编号"
                width="120"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gzType"
                label="故障类型"
                width="100"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gzTypeDesc"
                label="故障类型明细"
                width="120"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gzMode"
                label="故障模式"
                width="100"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gzModeId"
                label="故障模式编号"
                width="120"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="zdStatus"
                label="诊断状态"
                width="100"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="zdJizhi"
                label="诊断机制"
                width="100"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gzDesc"
                label="故障原因"
                width="150"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="yingxiangBujian"
                label="故障影响_部件"
                width="150"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="yingxiangMokuai"
                label="故障影响_模块"
                width="150"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="yingxiangZuizhong"
                label="故障影响_最终"
                width="150"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="bujiuCuoshi"
                label="故障补救措施"
                width="150"
                align="center"
              ></el-table-column>
              <el-table-column
                prop="gaijinCuoshi"
                label="改进措施"
                width="150"
                align="center"
              ></el-table-column>
            </el-table>
          </div>
          <div class="fenye_wrap">
            <el-pagination
              class="js_common_fenyeqi"
              :current-page="1"
              :page-size="10"
              :pager-count="5"
              :append-to-body="false"
              popper-class="js_common_fenyeqi_popper"
              layout="prev, pager, next, sizes, jumper"
              :total="400"
            >
            </el-pagination>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import commonTree2 from "../../../components/commonTree2";
export default {
  components: { commonTree2 },
  data() {
    return {
      tableData1: [
        {
          id: "001",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "CPU",
          gzMode: "CPU",
          gzModeId: "CS-01-01",
          zdStatus: "是",
          zdJizhi: "自诊断",
          gzDesc: "应用软件处理大量问题",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件运行效察减缓",
          yingxiangZuizhong: "通信SS应用数据外理效察减缓",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "002",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "内存",
          gzMode: "内存",
          gzModeId: "CS-01-02",
          zdStatus: "是",
          zdJizhi: "人工巡检",
          gzDesc: "未知",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件无法正确运行",
          yingxiangZuizhong: "通信CS应用数据处理无法处理",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "003",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "内存",
          gzMode: "内存",
          gzModeId: "CS-01-02",
          zdStatus: "否",
          zdJizhi: "自诊断",
          gzDesc: "应用软件处理大量问题",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件运行效率减缓，软件无法启动",
          yingxiangZuizhong: "通信CS应用数据处理效率减缓，软件无法正常运行",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "004",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "磁盘",
          gzMode: "磁盘",
          gzModeId: "CS-03-01",
          zdStatus: "否",
          zdJizhi: "人工巡检",
          gzDesc: "未知",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件无法正确运行",
          yingxiangZuizhong: "应用数据无法保存",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "005",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "磁盘",
          gzMode: "磁盘",
          gzModeId: "CS-03-02",
          zdStatus: "是",
          zdJizhi: "自诊断",
          gzDesc: "未知",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件无法保存数据",
          yingxiangZuizhong: "无法及时处理,控制器的控制命令无法及时处理",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "006",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "网卡",
          gzMode: "网卡",
          gzModeId: "CS-04-01",
          zdStatus: "是",
          zdJizhi: "人工巡检",
          gzDesc: "未知",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件无法及时传输一层数据",
          yingxiangZuizhong: "二层数据无法及时处理",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "007",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "主板",
          gzMode: "主板",
          gzModeId: "CS-05-01",
          zdStatus: "是",
          zdJizhi: "人工巡检",
          gzDesc: "应用软件处理大量问题",
          yingxiangBujian: "无",
          yingxiangMokuai: "软件无法及时传输二层数据",
          yingxiangZuizhong: "通信CS应用数据无法处理",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "008",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "硬件",
          gzTypeDesc: "RTDB数据库",
          gzMode: "RTDB数据库",
          gzModeId: "CS-06-01",
          zdStatus: "是",
          zdJizhi: "人工巡检",
          gzDesc: "内存容量不够，计算失败",
          yingxiangBujian: "数据库服务故障",
          yingxiangMokuai: "数据库无法提供服务",
          yingxiangZuizhong: "应用数据无法保存",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "009",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "软件",
          gzTypeDesc: "对时服务",
          gzMode: "对时服务",
          gzModeId: "CS-07-01",
          zdStatus: "是",
          zdJizhi: "人工巡检",
          gzDesc: "链接时钟源的网口...",
          yingxiangBujian: "对时服务校时退防",
          yingxiangMokuai: "对时服务使用CS系统时间",
          yingxiangZuizhong: "CS系统时间与控制器时间不同步",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
        {
          id: "010",
          sbType: "通讯服务网",
          sbTypeId: "CS",
          gzType: "软件",
          gzTypeDesc: "诊断服务",
          gzMode: "诊断服务",
          gzModeId: "CS-08-01",
          zdStatus: "是",
          zdJizhi: "分析运营日志",
          gzDesc: "内存数量不够，计算失败",
          yingxiangBujian: "生产日志",
          yingxiangMokuai: "连接CS异常",
          yingxiangZuizhong: "应用数据无法正确处理",
          bujiuCuoshi: "",
          gaijinCuoshi: "",
        },
      ],
    };
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
$modelCreatebgColor: #0e2141;
.mspz_wrap {
  width: 100%;
  display: flex;
  .left_box {
    flex: 0 0 auto;
  }
  .right_box {
    margin-left: 20px;
    width: 0;
    flex: 1 1 auto;
    box-sizing: border-box;
    .right_main {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 20px;
      border: 1px solid #234067;
      background: linear-gradient(to bottom, #0c1d3a, #163368);
      display: flex;
      flex-direction: column;
      .right_top_btns {
        flex: 0 0 auto;
        display: flex;
        justify-content: space-between;
      }
      .right_content {
        margin-top: 20px;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        .table_main {
          flex: 1 1 auto;
          width: 100%;
          height: 0;
        }
        .fenye_wrap {
          box-sizing: border-box;
          padding: 20px 20px 0;
          flex: 0 0 auto;
          display: flex;
          align-items: center;
          justify-content: flex-end;
        }
      }
    }
  }
}
</style>
